<template>
  <div id="app">
    <head_one></head_one>
    <middle_one></middle_one>
    <foot_one></foot_one>
  </div>
</template>

<script>
import Head_one from './components/Head_one.vue'
import Middle_one from './components/Middle_one.vue'
import Foot_one from './components/Foot_one.vue'

export default {
  name: 'app',
  components: {
    Head_one,
    Middle_one,
    Foot_one,
  }
}
</script>

<style lang="less">
  *{
    padding: 0;
    margin: 0;
    text-align: center;
  }
</style>
